﻿
@{
    ViewData["Title"] = "盒脊打印";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section Head{
    <link href="~/layuiadmin/style/style.css" rel="stylesheet" />
    <style>
        .layui-form-select {
            width: 100px;
            display: inline-block;
            font-size: 12px;
        }

        .layui-form input {
            height: 30px;
            font-size: 12px;
            color: #555;
            display: inline-block;
        }

        .layui-form-item input[type='file'] {
            width: 300px;
            border: 1px solid #e5e6e7;
            padding-top: 3px;
            padding-left: 3px;
            box-sizing: border-box;
            font-size: 12px;
        }
    </style>
}

<div id="dMain" style="padding:10px;">  
    <div class="layui-row">
        <div class="layui-card">
            <div class="layui-card-header">盒脊打印</div>
            <div class="layui-card-body">
                <div class="layui-form">
                    <div class="sideprint">
                        <div class="layui-form-item">
                            <select name="interest" lay-filter="ddlexcel" id="ddlprintside">
                                <option value="诉讼盒脊">诉讼盒脊</option>
                                <option value="诉讼旧盒脊">诉讼旧盒脊</option>
                                <option value="文书盒脊">文书盒脊</option>
                                <option value="文书盒底边">文书盒底边</option>
                            </select>
                            <input type="file" name="file" id="SelectFile">
                            <a class="layui-btn layui-btn-sm" href="#" style="margin-top: -3px;">生成预览</a>
                            <a class="layui-btn layui-btn-sm" href="#" style="margin-top: -3px;">打印</a>
                            <a class="layui-btn layui-btn-sm" href="#" style="margin-top: -3px;">诉讼盒脊模板</a>
                            <a class="layui-btn layui-btn-sm" href="#" style="margin-top: -3px;">诉讼旧盒脊模板</a>
                            <a class="layui-btn layui-btn-sm" href="#" style="margin-top: -3px;">文书盒脊模板</a>
                            <br />
                            <span style="text-align: center; color: red; font-size: 14px; margin-top: 10px;">提示：请在打印设置里将 边距 调整为 无</span>
                        </div>
                    </div>
                </div>
                <div id="dPrint" style="width: 100%; background-color: rgb(221, 221, 221); margin: 0px auto; padding-top: 20px; padding-bottom: 20px; height: 685px; overflow-y: auto;"></div>
            </div>
        </div>
    </div>
</div>

<script>
    window.onload = function () {
        layui.use('form', function () {
            var form = layui.form;
        })

        layui.use('upload', function () {
            var $ = layui.jquery
                , upload = layui.upload;

            upload.render({
                elem: '#SelectFile'
                , url: ''
                , accept: 'file' //普通文件
                , done: function (res) {
                    console.log(res)
                }
            });
        })
    }
</script>